<%@ page language="java" contentType="text/html; charset=utf-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Jquery Vaildation Demo</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script src="<%=request.getContextPath()%>/manage/js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/manage/js/validforms/Validform_v5.3.2.js"></script>
<script type="text/javascript">
$(document).ready(
		function() {
		
		var frm;
			function vaildation() {
				frm=$(".jqtransform").Validform({
				
					tiptype:function(msg,o,cssctl){
						
						if(!o.obj.is("form")){
							var tds=o.obj.text();
							
							var objtip=o.obj.siblings(".Validform_checktip");
							cssctl(objtip,o.type);
							objtip.text(msg);
						
							
						}	
						else{
							if(infoObj.is(":visible")){return;}
							var left=o.obj.offset().left,
								top=o.obj.offset().top;

							infoObj.css({
								left:left+170,
								top:top-45
							}).show().animate({
								top:top-35	
							},200);
					}
					}
				});
				
	
			}
			
			vaildation();		
			frm.config({
				 ajaxurl:{
				    	/* data:{
				    		param:name,
				    		name:'username'
				    	}, */
				        success:function(data,obj){
				        	alert(data.status);
				        	alert(obj);
				            //data是返回的json数据;
				            //obj是当前正做实时验证表单元素的jquery对象;
				            //注意：5.3版中，实时验证的返回数据须是含有status值的json数据！
				            //跟callback里的ajax返回数据格式统一，建议不再返回字符串"y"或"n"。目前这两种格式的数据都兼容。
				           
				        },
				    	 error:function(data,obj){
					            //data是返回的json数据;
					            //obj是当前正做实时验证表单元素的jquery对象;
					            //注意：5.3版中，实时验证的返回数据须是含有status值的json数据！
					            //跟callback里的ajax返回数据格式统一，建议不再返回字符串"y"或"n"。目前这两种格式的数据都兼容。
					            alert("error:"+data+obj);
					        }
				        
				    }
					
					
				});
			
// 			$("#username").delegate($(this),'blur',function(){
// 				var name=$(this).val();
				

				
// 			});
		});
</script>

</head>
<body>
<form id="testForm" action="" class="jqtransform">
<input type="text" value="" name="username" id="username"  ajaxurl="checkUsername.do" datatype="*6-15" nullmsg="kkkkk" errormsg="密码范围在6~15位之间！" />
<span class="Validform_checktip">请填写类型名称以获取编码</span>
<input type="password" value="" name="userpassword"  datatype="*6-15" nullmsg="kkkkk" errormsg="密码范围在6~15位之间！" />
<span class="Validform_checktip">请填写类型名称以获取编码</span>
<!--确认密码-->
<input type="password" value="" name="userpassword2" datatype="*" recheck="userpassword" errormsg="您两次输入的账号密码不一致！" />
<span class="Validform_checktip">请填写类型名称以获取编码</span>
</form>
</body>
</html>